<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <title>喵嗒</title>
    <link rel="stylesheet" href="../layui/css/layui.css"/>
    <link rel="stylesheet" href="../css/admin.css"/>
    <style>
    	.layui-form{
      width: 320px;
      height: 184px;
      margin:0 auto;
    	}
    	.add-name th{
        width:100px;
        height:40px;
    		font-size:14px;
        padding: 0;
        vertical-align: middle;
    	}
    	.add-name input{
        outline:none;
    		width: 220px;
    		height: 28px;
    		border:1px solid #E5BA70;
    		border-radius:5px;
    	}
      .tianjia-checkBox th{
        width:100px;
        height:40px;
        font-size:14px;
        padding: 0;
        vertical-align: middle;
      }
      tr.tianjia-checkBox td input[type=radio]{
        display: inline-block;
        margin-left: 5px;
      }
    	.layui-form .layui-table{
    		margin-top:50px;
    		margin:0 auto;
    	}
     .layui-input-block  span{
      margin-left:20px;
      font-size: 14px;
    }
    .layui-input-block th{
       font-size: 14px;
    }
    #btn-c,#btn-s{
      width: 114px;
      height: 28px;
      border-radius:5px;
      background-color: #D8D8D8;
      border:0;
      margin-top: 5px;
    }
    #btn-c{
       margin-left:70px;
    }
    #btn-s:hover,#btn-c:hover{
     background-color:#EF7632;
    }
    #btn-s{
        margin-left:15px;
    }
    .layui-layer .layui-layer-title{
      background-color: #fff;
    }
    </style>
</head>
<body>
     <form class="layui-form" action="">
    	    <table class="layui-table layui-table-add" lay-skin="nob">
    		  <tbody>
    		    <tr class="add-name">
    		      <th>用户名称</th>
    		      <td><input type="text" value="" onfocus="this.style.color='#ddd';
       this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>

    		    </tr>
    		    <tr class="add-name">
    		      <th>联系电话</th>
    		      <td><input type="text"  value=""  onfocus="this.style.color='#ddd';   this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>
    		    </tr>

    		     <tr class="add-name">
    		      <th >绑定账号</th>
    		      <td><input type="text" value="" onfocus="this.style.color='#ddd';
       this.value='';"  onblur="this.style.color='#ddd';  this.value=''"  style="color:#bbb;"/></td>
    		    </tr>
    		  <tr class="layui-input-block tianjia-checkBox">
              <th>角&emsp;色</th>
              <td><span>业主</span><input type="radio" name="role" value="most" title=""  checked>
            <span>住户</span><input type="radio" name="role" value="renter" title="" >
            <span>租客</span><input type="radio" name="role" value="most" title="">
            </td></tr>
    		  </tbody>
    		</table>
          <button id="btn-c">取消</button>
          <button id="btn-s">保存</button>
    	</form>
	<script type="text/javascript" src="../layui/layui.js"></script>
	<script>
		/*layui.use(['jquery','form','upload','layer'], function(){
			var $ = layui.jquery,layer = layui.layer;
			layui.upload({
			  url: '上传接口url'
			  ,success: function(res){
			    console.log(res); //上传成功返回值，必须为json格式
			  }
			});
		});*/
	</script>
</body>
</html>
